<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>医院综合管理仪表板</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="integrated-dashboard.css">
    <script src="integrated-dashboard.js" defer></script>
    <style>
        .menu-item {
            cursor: pointer;
            transition: background-color 0.3s;
        }
        .menu-item:hover {
            background-color: rgba(0, 0, 0, 0.05);
        }
    </style>
</head>
<body>
    <div class="container">
        <!-- Sidebar -->
        <div class="sidebar">
            <div class="profile">
                <div class="profile-image">
                    <img src="./images/man.png" alt="Profile Picture">
                </div>
                <div class="profile-info">
                    <p>张医生<br>管理员</p>
                </div>
                <div class="collapse-button">
                    <img src="images/right-arrows.png" alt="Collapse">
                </div>
            </div>
            
            <div class="menu-item" onclick="window.location.href='dashboard.html'">
                <div class="dashboard-icon">
                    <div class="dashboard-box"></div>
                    <div class="dashboard-box"></div>
                    <div class="dashboard-box"></div>
                    <div class="dashboard-circle"></div>
                </div>
                <span class="menu-text">仪表板</span>
            </div>
            
            <div class="menu-item" onclick="window.location.href='dashboard.html'">
                <div class="icon-container">
                    <img src="images/appointment.png" alt="Appointment">
                </div>
                <span class="menu-text">预约管理</span>
            </div>
            
            <div class="menu-item" onclick="window.location.href='dashboard.html'">
                <div class="icon-container">
                    <img src="images/doctor.png" alt="Doctor">
                </div>
                <span class="menu-text">医生管理</span>
            </div>
            
            <div class="menu-item active" onclick="window.location.href='patient-add.html'">
                <div class="icon-container">
                    <img src="images/patient.png" alt="Patients">
                </div>
                <span class="menu-text">患者管理</span>
            </div>
            
            <div class="menu-item" onclick="window.location.href='dashboard.html'">
                <div class="icon-container">
                    <img src="images/setting-lines.png" alt="Settings">
                </div>
                <span class="menu-text">系统设置</span>
            </div>
            
            <div class="menu-item" onclick="window.location.href='payment.html'">
                <div class="icon-container">
                    <img src="images/security-payment.png" alt="Payments">
                </div>
                <span class="menu-text">支付管理</span>
            </div>
            
            <div class="menu-item" onclick="window.location.href='dashboard.html'">
                <div class="icon-container">
                    <img src="images/team.png" alt="Team">
                </div>
                <span class="menu-text">团队管理</span>
            </div>
            
            <div class="menu-item logout" onclick="window.location.href='index.html'">
                <div class="icon-container">
                    <img src="images/power.png" alt="Logout">
                </div>
                <span class="menu-text">退出登录</span>
            </div>
        </div>
        
        <!-- Main Content -->
        <div class="main-content">
            <div class="header">
                <div class="profile-section">
                    <img src="images/file.png" alt="File Icon" class="file-icon">
                    <h1>个人资料</h1>
                </div>
            </div>
            
            <div class="content-section">
                <!-- Patient Information Section -->
                <div class="patient-info-section">
                    <div class="section-header">
                        <h2>患者信息</h2>
                        <div class="action-buttons">
                            <button class="btn patient-list" onclick="window.location.href='integrated-dashboard.html'">患者列表</button>
                            <button class="btn add-patient" onclick="window.location.href='patient-add.html'">添加患者</button>
                        </div>
                    </div>
                    
                    <div class="patient-details">
                        <div class="patient-photo">
                            <img src="images/patient-photo.png" alt="Patient Photo">
                        </div>
                        
                        <div class="patient-data">
                            <div class="data-section">
                                <h3>患者基本信息</h3>
                                <div class="form-group">
                                    <label for="name">姓名</label>
                                    <input type="text" id="name" placeholder="张三">
                                </div>
                                <div class="form-group">
                                    <label for="dob">出生日期</label>
                                    <input type="text" id="dob" placeholder="1990/01/01">
                                </div>
                                <div class="form-group">
                                    <label for="gender">性别</label>
                                    <select id="gender">
                                        <option value="male">男</option>
                                        <option value="female">女</option>
                                        <option value="other">其他</option>
                                    </select>
                                </div>
                            </div>
                            
                            <div class="data-section">
                                <h3>联系方式</h3>
                                <div class="form-group">
                                    <label for="email">电子邮箱</label>
                                    <input type="email" id="email" placeholder="zhangsan@example.com">
                                </div>
                                <div class="form-group">
                                    <label for="phone">电话号码</label>
                                    <input type="tel" id="phone" placeholder="138 0000 0000">
                                </div>
                                <div class="form-group">
                                    <label for="address">地址</label>
                                    <input type="text" id="address" placeholder="北京市朝阳区健康路123号">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Visit History Section -->
                <div class="history-section">
                    <div class="visit-history">
                        <h2>就诊历史记录</h2>
                        
                        <div class="table-container">
                            <div class="table-header">
                                <div class="header-cell">日期</div>
                                <div class="header-cell">医生</div>
                                <div class="header-cell">治疗项目</div>
                                <div class="header-cell">费用</div>
                                <div class="header-cell">操作</div>
                            </div>
                            
                            <div class="table-row">
                                <div class="cell">2022年1月12日</div>
                                <div class="cell">李医生</div>
                                <div class="cell">常规检查</div>
                                <div class="cell">$145</div>
                                <div class="cell actions">
                                    <button class="action-btn edit"><img src="images/edit-button.png" alt="Edit"></button>
                                    <button class="action-btn delete"><img src="images/trash.png" alt="Delete"></button>
                                </div>
                            </div>
                            
                            <div class="table-row">
                                <div class="cell">2022年1月12日</div>
                                <div class="cell">李医生</div>
                                <div class="cell">X光检查</div>
                                <div class="cell">$52</div>
                                <div class="cell actions">
                                    <button class="action-btn edit"><img src="images/edit-button.png" alt="Edit"></button>
                                    <button class="action-btn delete"><img src="images/trash.png" alt="Delete"></button>
                                </div>
                            </div>
                            
                            <div class="table-row">
                                <div class="cell">2022年1月12日</div>
                                <div class="cell">李医生</div>
                                <div class="cell">血液检查</div>
                                <div class="cell">$52</div>
                                <div class="cell actions">
                                    <button class="action-btn edit"><img src="images/edit-button.png" alt="Edit"></button>
                                    <button class="action-btn delete"><img src="images/trash.png" alt="Delete"></button>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="general-report">
                        <h2>综合报告</h2>
                        <div class="report-content">
                            <!-- Placeholder for report content -->
                            <div class="chart-placeholder">
                                <p>报告图表和数据可视化将显示在此处</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html> 